
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>用户主页</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 <link rel="stylesheet" href="../../../res/layui/css/layui.css">
  <link rel="stylesheet" href="../../../res/css/global.css">
  <style>
    [v-cloak]{
      display: none;
    }
  </style>
</head>
<body style="margin-top: 65px;">

<div class="header-page"></div>
<div id="userhomevue" v-cloak>
  <div class="fly-home fly-panel">
    <img :src="session4.image" :alt="session4.userName">
    <i :class="'iconfont icon-renzheng'" title="" v-if="session4.role!=3"></i>
    <h1>
      {{session4.userName}}
      <i class="iconfont icon-nan"></i>
      <!-- <i class="iconfont icon-nv"></i>  -->
      <i class="layui-badge fly-badge-vip" v-if="session4.role!=3">VIP3</i>
      <!--
      <span style="color:#c00;">（管理员）</span>
      <span style="color:#5FB878;">（社区之光）</span>
      <span>（该号已被封）</span>
      -->
    </h1>

    <p style="padding: 10px 0; color: #5FB878;" v-if="session4.role!=3">认证信息：管理员</p>

    <p class="fly-home-info">
      <i class="iconfont icon-kiss" title="飞吻"></i><span style="color: #FF7200;">0 飞吻</span>
      <i class="iconfont icon-shijian"></i><span>{{formatDate(session4.time)}} 加入</span>
      <i class="iconfont icon-chengshi" v-if="session4.city!=null"></i><span>来自{{session4.city}}</span>
    </p>

    <p class="fly-home-sign">{{session4.sign}}</p>

    <div class="fly-sns" data-user="">
      <a href="javascript:;" class="layui-btn layui-btn-primary fly-imActive" data-type="addFriend">加为好友</a>
      <a href="javascript:;" class="layui-btn layui-btn-normal fly-imActive" data-type="chat">发起会话</a>
    </div>

  </div>

  <div class="layui-container">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md6 fly-home-jie">
        <div class="fly-panel">
          <h3 class="fly-panel-title">{{session4.userName}} 最近的帖子</h3>
          <ul class="jie-row">
            <li v-for="(item,index) in articles">
              <span class="fly-jing">精</span>
              <a :href="'/jie/detailhtml?id='+item.iD" class="jie-title"> {{item.title}}</a>
              <i>{{formatDate(item.updateTime)}}</i>
              <em class="layui-hide-xs">{{item.watchCount}}阅/{{item.commentsCount}}答</em>
            </li>
             <div v-if="articles==null" class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><i style="font-size:14px;">没有发表任何求解</i></div>
          </ul>
        </div>
      </div>

      <div class="layui-col-md6 fly-home-da">
        <div class="fly-panel">
          <h3 class="fly-panel-title">{{session4.userName}} 最近的回答</h3>
<!--          <ul class="home-jieda">-->
<!--            <li>-->
<!--              <p>-->
<!--                <span>1分钟前</span>-->
<!--                在<a href="" target="_blank">tips能同时渲染多个吗?</a>中回答：-->
<!--              </p>-->
<!--              <div class="home-dacontent">-->
<!--                尝试给layer.photos加上这个属性试试：-->
<!--                <pre>-->
<!--full: true-->
<!--</pre>-->
<!--                文档没有提及-->
<!--              </div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <p>-->
<!--                <span>5分钟前</span>-->
<!--                在<a href="" target="_blank">在Fly社区用的是什么系统啊?</a>中回答：-->
<!--              </p>-->
<!--              <div class="home-dacontent">-->
<!--                Fly社区采用的是NodeJS。分享出来的只是前端模版-->
<!--              </div>-->
<!--            </li>-->

<!--            &lt;!&ndash; <div class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><span>没有回答任何问题</span></div> &ndash;&gt;-->
<!--          </ul>-->
        </div>
      </div>
    </div>
  </div>
</div>


<div class="fly-footer">
  <p>Copyright &copy; 2020.Company name All rights reserved.</p>
</div>

<script src="../../../js/jquery-2.1.1.min.js"></script>
<script src="../../../res/layui/layui.js"></script>
<script>
  $('.header-page').load('../common/header.html');
</script>
<script src="../../../js/vue.min.js"></script>
<script src="../../../js/userhome.js"></script>
</body>
</html>